<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/layouts/conMenuLayoutAdministracion.xhtml">

<f:view contentType="text/html">
</f:view>

	<ui:define name="title">
		<h:outputText value="#{msg.erasmus_cabecera_title}" />
	</ui:define>
				
	<ui:define name="content">
		
			
		
		<h:form id="datosUniversidad">  
		<h:panelGroup layout="block" styleClass="bloqueMensajes">
			<p:messages>
			</p:messages>
		</h:panelGroup>
			<h:panelGroup layout="block" class="bloqueCentralDatos">			
					
					<h:panelGroup layout="block" styleClass="separacionVertical"/>
					<fieldset>
						<legend><h3><h:outputText value="&nbsp;&nbsp;#{msg.qbDeportivos_partido_partidos}&nbsp;&nbsp;" /></h3></legend>
						<h:panelGroup id="ocultarDetalle" rendered="#{flowScope.partido == null}">					
							<p:dataTable var="varPartido" value="#{partidos}" styleClass="centrarTextos" paginator="true" rows="10"  id="tablaJugadores"
				                emptyMessage="#{msg.qbDeportivos_mensaje_sinResultados}" 
				                rowIndexVar="rowIndex" paginatorPosition="top" paginatorTemplate=" Elementos por página {RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" 
		                 		rowsPerPageTemplate="5,10,15" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
				  				
						        <p:column >  
						            <f:facet name="header">  
						                <h:outputText value="" styleClass="tamanioLetraPequenio"/>
						            </f:facet>  
						            
						            
					            	<h:commandButton value="" update="mostrarDetalle" action="seleccionarPartido" image="/images/campo.png" title="#{msg.qbDeportivos_botonera_seleccionar}">
					            		<f:setPropertyActionListener
											target="#{flowScope.partidoSeleccionado}" value="#{varPartido}" />
					        	 	</h:commandButton>
					
						       </p:column> 
						       <p:column sortBy="#{varPartido.fecha}" >  
						            <f:facet name="header">  
							            <h:outputText value="#{msg.qbDeportivos_partido_fecha}" styleClass="tamanioLetraPequenio"/>
						            </f:facet>  
						             
						            <h:outputText value="#{varPartido.fecha}" styleClass="tamanioLetraPequenio"> 
						            	<f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"></f:convertDateTime>
						            </h:outputText>
						       </p:column>
						        
						       
						      				       
						        <f:facet name="footer">  
						            <h:outputText value="#{msg.qbDeportivos_mensaje_tabla_obtenidos} #{fn:length(partidos)} #{msg.qbDeportivos_mensaje_tabla_registro}" styleClass="tamanioLetraPequenio"/>
						        </f:facet>
					    	</p:dataTable> 
				    </h:panelGroup>
			    	
			    	 <h:panelGroup id="mostrarDetalle" rendered="#{flowScope.partido != null}"> 
			    	 	 	
			    	 	 <p:dataTable var="varPartido" value="#{flowScope.partido}" styleClass="centrarTextos" id="fechapart"
			                rowIndexVar="rowIndex" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
			  				
					        <p:column>  
					            <f:facet name="header">  
						            <h:outputText value="Fecha Partido:" styleClass="tamanioLetraPequenio"/>
					            </f:facet>  
					             
					             <h:outputText id="fecpartido" value="#{flowScope.partido.fecha}" styleClass="tamanioLetraPequenio"> 
					            	<f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"></f:convertDateTime>
					            </h:outputText>
					       </p:column>
				    	</p:dataTable>
				    	
			           
			            
						 <h:panelGrid columns="2" styleClass="porcen100" width="100%">
							<p:dataTable var="varPartido" value="#{flowScope.partido}" styleClass="centrarTextos" id="equipoBlanco"
				                rowIndexVar="rowIndex" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
				  				
						       <p:column>  
						            <h:outputText value="Equipo Blanco" styleClass="tamanioLetraPequenio"/> 
						       </p:column>
						        <p:column>  
						            <f:facet name="header">  
							            <h:outputText value="#{msg.qbDeportivos_partido_goles}" styleClass="tamanioLetraPequenio"/>
						            </f:facet>  
						             
						            <h:inputText id="goles" maxlength="2" value="#{varPartido.equipo1.goles}" styleClass="porcen20"/>
						       </p:column>
					    	</p:dataTable>
					    	
					    	<p:dataTable var="varPartido2" value="#{flowScope.partido}" styleClass="centrarTextos" id="equipoNegro"
				                rowIndexVar="rowIndex" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
				  				
						       <p:column>  
						            <h:outputText value="Equipo Negro" styleClass="tamanioLetraPequenio"/> 
						       </p:column>
						        <p:column>  
						            <f:facet name="header">  
							            <h:outputText value="#{msg.qbDeportivos_partido_goles}" styleClass="tamanioLetraPequenio"/>
						            </f:facet>  
						             
						            <h:inputText id="goles" maxlength="2" value="#{varPartido2.equipo2.goles}" styleClass="porcen20"/>
						       </p:column>
					    	</p:dataTable>
						</h:panelGrid>
						
						<h:panelGrid columns="2" styleClass="porcen100" width="100%">
							<p:dataTable var="varEquipo" value="#{flowScope.partido.equipo1.jugadoresEquipo}" styleClass="centrarTextos" id="tablaJugadoresEquipo1"
				                rowIndexVar="rowIndex" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
				  				
						       <p:column sortBy="#{varEquipo1.jugador.nombre}" >  
						            <f:facet name="header">  
							            <h:outputText value="#{msg.qbDeportivos_partido_jugador}" styleClass="tamanioLetraPequenio"/>
						            </f:facet>  
						             
						            <h:outputText value="#{varEquipo.jugador.nombre}" styleClass="tamanioLetraPequenio"/> 
						            	
						           
						       </p:column>
						        <p:column sortBy="#{varEquipo1.goles}" >  
						            <f:facet name="header">  
							            <h:outputText value="#{msg.qbDeportivos_partido_goles}" styleClass="tamanioLetraPequenio"/>
						            </f:facet>  
						             
						            <h:inputText id="goles" maxlength="2" value="#{varEquipo.goles}" styleClass="porcen20"/>
						            	
						       </p:column>
			      
					    	</p:dataTable>
				    	
					    	<p:dataTable var="varEquipo2" value="#{flowScope.partido.equipo2.jugadoresEquipo}" styleClass="centrarTextos" id="tablaJugadoresEquipo2"
				                rowIndexVar="rowIndex" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
				  				
						       <p:column sortBy="#{varEquipo2.jugador.nombre}" >  
						            <f:facet name="header">  
							            <h:outputText value="#{msg.qbDeportivos_partido_jugador}" styleClass="tamanioLetraPequenio"/>
						            </f:facet>  
						             
						            <h:outputText value="#{varEquipo2.jugador.nombre}" styleClass="tamanioLetraPequenio"/> 
						            	
						           
						       </p:column>
						        <p:column sortBy="#{varEquipo2.goles}" >  
						            <f:facet name="header">  
							            <h:outputText value="#{msg.qbDeportivos_partido_goles}" styleClass="tamanioLetraPequenio"/>
						            </f:facet>  
						            
						            <h:inputText id="goles" maxlength="2" value="#{varEquipo2.goles}" styleClass="porcen20"/>
						            	
						       </p:column>
			      
					    	</p:dataTable> 
						</h:panelGrid>
						
						<h:panelGrid columns="2" styleClass="porcen100" width="100%">
							
							<h:commandButton title="Guardar" value="Guardar" action="guardarGoles"/>
							
							<h:commandButton title="Cancelar" value="Cancelar" update="ocultarDetalle">
								<f:setPropertyActionListener
											target="#{flowScope.partido}" value="" />
							</h:commandButton>
							
						</h:panelGrid>
						
					</h:panelGroup>
				</fieldset>
    	</h:panelGroup>
    	
    	
    	    	
	</h:form>  
		
		
	</ui:define>

</ui:composition>

</html>
